<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div class="layui-fluid">
    <div class="layui-btn-container AllBtnController">
         <@shiro.hasPermission name="registerUser:find">
            <a class="layui-btn" style="margin-left: 75%; width: 10%;" data-type="findRegisterUserInfo">查&nbsp;&nbsp;&nbsp;&nbsp;询</a>
         </@shiro.hasPermission>
        <@shiro.hasPermission name="registerUser:delete">
            <a class="layui-btn layui-btn-danger" style="width: 10%;" data-type="deletebatchInfo">批量删除</a>
        </@shiro.hasPermission>
    </div>
</div>

<div class="layui-fluid">
    <table class="layui-hide" id="registerUserInfoTable" lay-filter="registerUserInfoTable"></table>
</div>

<div class="layui-fluid" id="updatePassWordInfo" hidden>
    <fieldset class="layui-elem-field layui-field-title">
        <legend id="fieldTitle">更新密码</legend>
    </fieldset>
    <form class="layui-form" action="" style="margin-top: 2%">
        <div class="layui-form-item">
            <label class="layui-form-label">新密码</label>
            <div class="layui-input-block">
                <input type="password" name="newpassword" id="newpassword" required  lay-verify="required" placeholder="请输入内容" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item updatePassword">
            <div class="layui-input-block">
                <a  class="layui-btn" id="updateInfo"  data-type="updatePassword">确认更新</a>
            </div>
        </div>
    </form>
</div>

<div class="layui-fluid" id="findByProperty" hidden>
    <fieldset class="layui-elem-field layui-field-title">
        <legend>查询维度</legend>
    </fieldset>
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">唯一账号</label>
            <div class="layui-input-block">
                <input type="text" name="myid" id="myid" required  lay-verify="required" placeholder="请输入内容" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">昵称</label>
            <div class="layui-input-block">
                <input type="text" name="myname" id="myname" required  lay-verify="required" placeholder="请输入内容" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">性别</label>
            <div class="layui-input-block">
                <input name="mysex" value="男" title="男" type="radio">
                <input name="mysex" value="女" title="女" type="radio">
                <input name="mysex" value="" title="无"  checked=""  type="radio">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">年龄范围</label>
                <div class="layui-input-inline" style="width: 100px;">
                    <input name="minage" placeholder="" lay-verify="required|number" autocomplete="off" class="layui-input" type="text">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 100px;">
                    <input name="maxage" placeholder="" lay-verify="required|number" autocomplete="off" class="layui-input" type="text">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">联系电话</label>
            <div class="layui-input-inline">
                <input id="myphone" name="myphone" lay-verify="required|phone" placeholder="请输入内容" autocomplete="off" class="layui-input" type="tel">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">邮箱</label>
            <div class="layui-input-inline">
                <input id="myemail" name="myemail" lay-verify="email" autocomplete="off" placeholder="请输入内容" class="layui-input" type="text">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">身份证</label>
            <div class="layui-input-block">
                <input id="myidCard" name="myidCard" lay-verify="identity" placeholder="请输入内容" autocomplete="off" class="layui-input" type="text">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">地址</label>
            <div class="layui-input-block">
                <input type="text" name="myaddress" id="myaddress" required  lay-verify="required" placeholder="请输入内容" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">日期范围</label>
            <div class="layui-input-inline" style="width: 25%;">
                <input type="text" class="layui-input" id="createTimeScope" placeholder=" - ">
            </div>
        </div>
        <div class="layui-form-item findByPropertyBtn">
            <div class="layui-input-block">
                <a  class="layui-btn" id="findInfo"  data-type="findInfoByProperty">确认查询</a>
            </div>
        </div>
    </form>
</div>

<div class="layui-fluid" id="userDetailView" hidden>
    <div class="layui-form-item" style="margin-left: 5%;">
        <div class="layui-upload" id="detail_upload_view">
            <button type="button" class="layui-btn" id="d_uploadMyphoto">上传头像</button>
            <button type="button" class="layui-btn" id="d_confirmMyphoto">确认上传</button>
            <div class="layui-upload-list">
                <img class="layui-upload-img" id="d_showphoto" style="width: 150px;height: 150px;">
            </div>
        </div>
    </div>
    <form class="layui-form" action="">

        <div class="layui-form-item" style="margin-left: 80%;">
            <label class="layui-form-label">开启修改</label>
            <div class="layui-input-block">
                <input id="openSwitch" type="checkbox" name="switch" lay-skin="switch" lay-text="ON|OFF" lay-filter="isUpdate">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">头像</label>
            <div class="layui-input-block">
                <img id="showMyPhoto" src="" style="width: 150px;height: 150px;">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">昵称</label>
            <div class="layui-input-block">
                <input type="text" name="d_name" id="d_name" required  lay-verify="required" placeholder="请输入内容" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">性别</label>
            <div class="layui-input-block">
                <input name="d_sex" value="男" title="男" type="radio">
                <input name="d_sex" value="女" title="女" type="radio">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">年龄</label>
            <div class="layui-input-block">
                <input type="text" name="d_age" id="d_age" required  lay-verify="required|number" placeholder="请输入内容" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">联系电话</label>
            <div class="layui-input-inline">
                <input id="d_phone" name="d_phone" lay-verify="required|phone" placeholder="请输入内容" autocomplete="off" class="layui-input" type="tel">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">邮箱</label>
            <div class="layui-input-inline">
                <input id="d_email" name="d_email" lay-verify="email" autocomplete="off" placeholder="请输入内容" class="layui-input" type="text">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">身份证</label>
            <div class="layui-input-block">
                <input id="d_idCard" name="d_idCard" lay-verify="identity" placeholder="请输入内容" autocomplete="off" class="layui-input" type="text">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">地址</label>
            <div class="layui-input-block">
                <input type="text" name="d_address" id="d_address" required  lay-verify="required" placeholder="请输入内容" autocomplete="off" class="layui-input">
            </div>
        </div>
         <@shiro.hasPermission name="registerUser:update">
            <div class="layui-form-item" id="updateBtnView">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="updateUserBtn">立即更新</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
         </@shiro.hasPermission>
    </form>
</div>

<script type="text/html" id="oreationBtn">
     <@shiro.hasPermission name="registerUser:detail">
         <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="detail">详情</a>
     </@shiro.hasPermission>
    <@shiro.hasPermission name="registerUser:update">
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="update">更新密码</a>
    </@shiro.hasPermission>
    <@shiro.hasPermission name="registerUser:delete">
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </@shiro.hasPermission>

</script>

<script type="text/html" id="show_img">
    <div><img src="{{d.photo}}" style="width: 35px;height: 35px;"></div>
</script>

</body>
</html>